import presetWeapp from 'unocss-preset-weapp'
import { extractorAttributify, transformerClass } from 'unocss-preset-weapp/transformer'
import { defineConfig } from 'unocss'
import presetIcons from '@unocss/preset-icons'

const { presetWeappAttributify, transformerAttributify } = extractorAttributify()

export default defineConfig({
    presets: [
        // https://github.com/MellowCo/unocss-preset-weapp
        presetWeapp(),
        // presetUno(),
        presetIcons({
    extraProperties: {
    'display': 'inline-block',
    'vertical-align': 'middle'}
    }),
        // attributify autocomplete
        presetWeappAttributify()
    ],
    shortcuts: [
        {
            'border-base': 'border border-gray-500_10',
            center: 'flex justify-center items-center'
        }
    ],

    transformers: [
        // https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerAttributify
        transformerAttributify(),

        // https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerClass
        transformerClass()
    ]
})
